<!DOCTYPE <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>分组和嵌套</title>
    <style>
        h1,h2,span,p
        {
            color: green;
            font-size: 100px;
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        }
        p
        {
            color: rgb(6, 233, 233);
        }
        h2.test
        {
            color: aqua;
        }
        .test
        {
            font-size: 50px;
        }
        .test span
        {
            color: blueviolet;
        }
    </style>
</head>
<body>
    <h1>test</h1>
    <h2>test2</h2>
    <span>test3</span>
    <p>test4</p>
    <h2>test2</h2>
    <h2 class="test">444<span>555</span>666</h2>


</body>
</html>